<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Inicio</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/formhelpers.css" %}">
	        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
	
<body>

	{% include "topmenu.html" %}
	
	<div class="container">
        {% if login_error %}
            <div class="alert alert-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>Error!</strong> Los datos ingresados son incorrectos. 
            </div>
        {% endif %}

        {% if no_aceptado %}
            <div class="alert alert-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>Error!</strong> Aun no ha sido aceptado dentro del sistema. 
            </div>
        {% endif %}

        {% if registro_error %}
            <div class="alert alert-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>Error!</strong> Ha ocurrido un error en el registro, compruebe sus datos e intente de nuevo                
            </div>
        {% endif %}
        {% if registro_valido %}
            <div class="alert alert-success">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>La operación se ha realizado con éxito!</strong> Un e-mail le será enviado a su dirección de correo confirmando su aceptación dentro del sistema.                
            </div>
        {% endif %}

        <div id="result_email">	</div>

		<div class="row-fluid">
			<div class="span7">
			
			<!-- titulo -->
			<div class="page-header">
				<h2>VinculaEntorno</h2
>				<p>Vinculación de las Universidades con su entorno para el desarrollo social y económico sostenible.</p>
			</div> <!-- titulo -->

				<!-- Carousel -->
		        <div class="row-fluid">
			        <div id="myCarousel" class="carousel slide">
				        <div class="carousel-inner">
					        <div class="item active">
					        	{% load staticfiles %}<img src="{% static "img/slide.png" %}" alt="Slide 1">
					        </div>
					        <div class="item">
					        	{% load staticfiles %}<img src="{% static "img/paisesVincula.png" %}" alt="Slide 1">
					        </div>
					        <div class="item">
					        	{% load staticfiles %}<img src="{% static "img/PasoC.png" %}" alt="Slide 1">
					        </div>
				        </div> <!-- carousel-inner -->
				        <a href="#myCarousel" class="left carousel-control" data-slide="prev">&lsaquo;</a>
				        <a href="#myCarousel" class="right carousel-control" data-slide="next">&rsaquo;</a>
			        </div>
		        </div> <!-- Carousel -->

				<div class="page-header">
					<h3>Participantes</h3>
					<p><small>Datos y reportes de universidades que forman parte del proyecto.</small></p>
					<p><a class="btn btn-mini" href="/plataforma/participantes/">Ver detalles &raquo;</a></p>
				</div> <!-- Participantes -->
				<div class="page-header">
					<h3>Socios</h3>
					<p>
						<a href="http://www.uca.edu.py" target="_blank">
							{% load staticfiles %}<img class="img-rounded"src="{% static "img/logo_uc.png" %}" height="250" width="180">
						</a>
						<a href="http://www.cyt.uc.edu.py" target="_blank">
							{% load staticfiles %}<img class="img-rounded"src="{% static "img/cyt.png" %}" height="250" width="180">
						</a>
					</p>
				</div> <!-- Socios -->
			</div> <!-- span 7 - Informacion a la izquierda -->
			<div class="span5">
				<div class="page-header">
					<h2>Registro</h2>
					<p>Formar parte del proyecto</p>
				</div>
				<form action="/plataforma/usuarios/agregar/" method="post" name="registro" class="form-horizontal well"> {% csrf_token %}
					<div class="control-group"> <!-- Nombre -->
						<label for="nombre" class="control-label">Nombre</label>
						<div class="controls">
							<input type="text" name="nombre" id = "nombre" class="textarea_index" required>
						</div>
					</div> <!-- /Nombre -->

                    <div class="control-group"> <!-- Apellido -->
						<label for="apellido" class="control-label">Apellido</label>
						<div class="controls">
							<input type="text" name="apellido" id = "apellido" class="textarea_index" required>
						</div>
					</div> <!-- /Apellido -->

					<div class="control-group"> <!-- Email -->
						<label for="mail" class="control-label">E-mail</label>
						<div class="controls">
							<input type="email" name="email" placeholder="ejemplo@ejemplo.com" id = "email" onblur="javascript:ajax_message_email(event)" class="textarea_index"required>
						</div>
					</div> <!-- /Email -->

					<div class="control-group"> <!-- Password -->
						<label for="password" class="control-label">Contraseña</label>
						<div class="controls">
								<input type="password" name="password" id = "password" class="textarea_index" required>
						</div>
					</div> <!-- /Password -->

					<div class="control-group"> <!-- Confirmacion Password-->
						<label for="confirmacion" class="control-label">Confirmar Contraseña</label>
						<div class="controls">
								<input type="password" name="confirmacion" id = "confirmacion" class="textarea_index" required>
						</div>
					</div> <!-- /Confirmacion Password-->

					<div class="control-group"> <!-- Pais -->
						<label for="pais" class="control-label">País</label>
						<div class="controls">
							<select name="pais"  id = "pais" class="selectarea_index" onchange="get_nombre_universidad();">
								<option selected="selected" disabled="disabled" value="">| Elije un Pais |</option>
								{% for nombre, codigo in lista_sinc_paises %}
									<option value="{{ nombre }}">{{ codigo }}</option>
								{% endfor %}
							</select>
						</div>
					</div> <!-- /Pais -->

					<div class="control-group"> <!-- Universidad -->
						<label for="universidad" class="control-label">Universidad</label>
						<div class="controls">
							<select name="universidad"   id="universidad" class="selectarea_index">

							</select>
						</div>
					</div> <!-- /Universidad -->

					<div class="form-actions", align="center">
						<button type="submit" class="btn btn-primary">Enviar</button>
					</div> <!-- Botones de opciones -->

				</form> <!-- form -->
			</div>

			<div class="span5">				
				<div class="page-header"> <!-- INSCRIPCION DE UNIVERSIDAD -->
					<p><a class="btn btn-primary" href="/plataforma/registro"> Inscribe a tu Universidad &raquo;</a></p>
				</div>
			</div><!-- span 5 Formulario de registro -->
		</div> <!-- row fluid -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/ajax.js" %}"></script>
	        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
</body>
</html>